<template>
	<view class="container">
		<swiper class="swiper" :style="{height:banner_h,width:banner_w}"
		 vertical="true" autoplay="true" interval="5000" duration="500">
			<swiper-item><web-view src="https://www.baidu.com"></web-view></swiper-item>
			<swiper-item><web-view src="https://www.sina.com.cn"></web-view></swiper-item>
		</swiper>
		<view class="lh"></view>
		<view class="foot">
			<!-- #ifdef APP-PLUS -->
			<view class="foot_unit" id="home" v-on:click="foot_operation">
				<image :src="tab_current=='home'?'../../static/images/home_ed.png':'../../static/images/home.png'"></image>
				<view class="foot_unit_name" :class="tab_current=='home'?'foot_current':''">首页</view>
			</view>
<!--			&lt;!&ndash; #endif &ndash;&gt;-->
<!--			<view class="foot_unit" id="mall" v-on:click="foot_operation">-->
<!--				<image :src="tab_current=='mall'?'../../static/images/mall_ed.png':'../../static/images/mall.png'"></image>-->
<!--				<view class="foot_unit_name" :class="tab_current=='mall'?'foot_current':''">商城</view>-->
<!--			</view>-->
<!--			&lt;!&ndash; #ifdef APP-PLUS &ndash;&gt;-->
<!--			-->
<!--			&lt;!&ndash; #endif &ndash;&gt;-->
<!--			&lt;!&ndash; #ifdef MP-WEIXIN &ndash;&gt;-->
<!--			<view class="foot_unit" id="sort" v-on:click="foot_operation">-->
<!--				<image :src="tab_current=='sort'?'../../static/images/sort_ed.png':'../../static/images/sort.png'"></image>-->
<!--				<view class="foot_unit_name" :class="tab_current=='sort'?'foot_current':''">分类</view>-->
<!--			</view>-->
<!--			&lt;!&ndash; #endif &ndash;&gt;-->
<!--			<view class="foot_unit" id="integral" v-on:click="foot_operation">-->
<!--				<image :src="tab_current=='integral'?'../../static/images/integral_ed.png':'../../static/images/integral.png'"></image>-->
<!--				<view class="foot_unit_name" :class="tab_current=='integral'?'foot_current':''">积分</view>-->
<!--			</view>-->
			<view class="foot_unit" id="cart" v-on:click="foot_operation">
				<image :src="tab_current=='cart'?'../../static/images/cart_ed.png':'../../static/images/cart.png'"></image>
				<view class="foot_unit_name" :class="tab_current=='cart'?'foot_current':''">直播</view>
			</view>
			<view class="foot_unit" id="member" v-on:click="foot_operation">
				<image :src="tab_current=='member'?'../../static/images/member_ed.png':'../../static/images/member.png'"></image>
				<view class="foot_unit_name" :class="tab_current=='member'?'foot_current':''">我的</view>
			</view>
		</view>
	</view>
</template>
<style>
	/******************/
	.container{background: #f4f4f4;}
	.lh{height: 120upx;width: 100%;}
	.foot{width:98%;padding:10upx 1% 10upx 1%;background: #FFFFFF;height: 90upx;display: flex;z-index:9;
		  justify-content: space-between;align-items: center;position: fixed;bottom:0;left:0;}
	.foot_unit{width:20%;display: flex;flex-direction: column;justify-content:space-between;
	           align-items: center;height: 80upx;}
	.pic{width:40upx;height: 40upx;}
	.foot_unit_name{font-size: 24upx;color: #b5b5b5;}
	.foot_current{color: #3de9c7 !important;}
	/**********************************************/
</style>
<script>
	export default {
		data() {
			return {
				banner_h:"",
				banner_w:'',
				url: getApp().globalData.url,
				static:getApp().globalData.static,
				tab_current:'home'
			}
		},
		created() {
			this.playVideo();
		},
		onLoad() {
			var res = uni.getSystemInfoSync();
			this.banner_h = res.windowWidth+"px";
			this.banner_w = res.windowHeight+"px";
		},
		onShow(){
		},
		onReachBottom:function(){
		},
		methods: {
			
		}
	}
</script>


